<template>
  <ul>
        <input type="text" name="" id="">
        <div class="col-xs-6">
            <div class="panel">
                <div class="panel-body">
                    <!--router-view确定视图的位置-->
                    <router-view> </router-view>
                </div>
            </div>
        </div>
  </ul>
</template>

<script>
export default {
  name: "News",
  activated(){
    console.log('onShow');
  },
  deactivated(){
    console.log('hiddShow');
  }
}
</script>

<style scoped>

</style>
